var website ={
    publicPath:"/"
    // publicPath:"http://192.168.1.103:8888/"
}
const path = require("path")
const htmlPlugin = require("html-webpack-plugin")
const extractTextPlugin = require('extract-text-webpack-plugin');//将你的行内样式提取到单独的css文件里

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports={
	// 打包环境设置：开发development & 生产 production
	mode:'development',
	entry:{
		main:'./src/main.js',
		main2:'./src/main2.js'
	},
	output:{
		path:path.resolve(__dirname,'../dist'),
		filename:'[name].js',
		publicPath:website.publicPath  //publicPath：主要作用就是处理静态文件路径的。
	},
	module:{
		rules: [
			{
				test: /\.(css|less)$/,
				use: extractTextPlugin.extract({
                    fallback: "style-loader",
                    use: "css-loader"
				})
				//
				//
				// use: [
				// 	MiniCssExtractPlugin.loader,
				// 	{
				// 		loader: "css-loader",
				// 		options: {
				// 		  minimize: true
				// 		}
				// 	},
				// ]
				// css分离后这里需要重新配置，下面就注释了
                // use:[
                //     {loader: "style-loader"},   
                //     {loader:"css-loader"}
                // ]
			},
			
			//图片 loader
            {
                test:/\.(png|jpg|gif|jpeg)/,  //是匹配图片文件后缀名称
                use:[{
                    loader:'url-loader', //是指定使用的loader和loader的配置参数
                    options:{
						limit:500,  //是把小于500B的文件打成Base64的格式，写入JS
						outputPath:'images/',  //打包后的图片放到images文件夹下
                    }
                }]
			},
			{
				test: /\.(htm|html)$/i,
				 use:[ 'html-withimg-loader'] 
			}
		]
	},
	plugins:[
		new htmlPlugin({
            minify:{ //是对html文件进行压缩
                removeAttributeQuotes:true  //removeAttrubuteQuotes是去掉属性的双引号。
            },
            hash:true, //为了开发中js有缓存效果，所以加入hash，这样可以有效避免缓存JS。
            template:'./src/index.html' //是要打包的html模版路径和文件名称。
           
        }),
		new extractTextPlugin("css/index.css")
		// new MiniCssExtractPlugin({
		// 	filename: "css/index.css" //如果需要将css文件单独放入css文件夹中需要../
		// }) 
	
	],
	devServer:{
		contentBase:path.resolve(__dirname,'./dist'),
		host:'localhost',
		compress:true,
		port:8888
	}
}